<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>人员信息列表</title>
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/icons/iconfont.css" />
    <link rel="stylesheet" href="../css/head.css" />
    <link rel="stylesheet" href="../css/footer.css" />
    <link rel="stylesheet" href="../css/page.css" />
    <link rel="stylesheet" href="../css/personalInfoList.css" />
</head>

<body>
    <!-- 头部区域 -->
    <header>
        <div class="logo">
            <a href="../index.html"><img src="../images/logo.png" alt="我要去印"></a>
        </div>
        <div class="iconmenu">
            <input type="text" value="" placeholder="搜索">
            <i class="iconfont icon-sousuo"></i>
        </div>
        <div class="message">
            <i class="iconfont icon-xiaoxi"></i>
            <p>12</p>
        </div>
        <div class="user-info">
            <img src="../images/menuUserinfoHeadkey.jpg" alt="">
            <div class="triangle-bottom"></div>
            <div class="all-info">
                <p><i class="iconfont icon-zhuye"></i>我的主页</p>
                <p><i class="iconfont icon-dingdan"></i>我的订单</p>
                <p><i class="iconfont icon-tuichu"></i>退出</p>
            </div>
        </div>
    </header>

    <div class="main">
        <div class="speedProgress">
            <a href="javascript:0">我的主页 > </a>
            <a id="myOrderLink" href="http://www.baidu.com">人员信息</a>
            <a href="javascript:0"> > 深圳火影忍者文化传播有限公司</a>
        </div>
        <div class="content">
            <div class="content-inner">
                <div class="listUpload-infoAdd clearfix">
                    <button id="infoUpload" class="fl"><li class="iconfont icon-excel"></li>表格上传</button>
                    <button id="infoAdd" class="fr"><li class="iconfont icon-jia"></li>新增</button>
                </div>
                <div class="infoList">
                    <div class="listTitle clearfix">
                        <div class="titleRule fl clearfix">
                            <span class="checkboxSpan fl">
                            <input type="checkbox" value="0" class="checkboxClass">
                        </span>
                            <div class="fl">序号</div>
                        </div>
                        <div class="titleRule fl">姓名</div>
                        <div class="titleRule fl">部门</div>
                        <div class="titleRule fl">工号</div>
                        <div class="titleRule fl">职位</div>
                        <div class="titleRule fl">入职时间</div>
                        <div class="titleRule fl">手机号</div>
                        <div class="titleRule fl">照片</div>
                        <div class="titleRule fl">操作</div>
                    </div>
                    <div class="listContent">
                        <div class="listRule ruleEven clearfix">
                            <div class="fl clearfix">
                                <span class="checkboxSpan fl">
                                <input type="checkbox" value="0" class="checkboxClass">
                            </span>
                                <div class="fl">1</div>
                            </div>
                            <div class="fl">张毅</div>
                            <div class="fl">销售部</div>
                            <div class="fl">089</div>
                            <div class="fl">经理</div>
                            <div class="fl">2011-5-21</div>
                            <div class="fl">13446743356</div>
                            <div class="ruleInfoPhoto fl">
                                <img src="../images/infoPhoto.jpg" />
                            </div>
                            <div class="ruleInfoOperate fl">
                                <a href="http://www.baidu.com">修改</a>
                                <a href="http://www.baidu.com">删除</a>
                            </div>
                        </div>
                        <div class="listRule">
                            <div class="fl clearfix">
                                <span class="checkboxSpan checkboxOn fl">
                                <input type="checkbox" checked="checked" value="0" class="checkboxClass">
                            </span>
                                <div class="fl">2</div>
                            </div>
                            <div class="fl">李小妮</div>
                            <div class="fl">技术中心</div>
                            <div class="fl">076</div>
                            <div class="fl">前端工程师</div>
                            <div class="fl">2017-9-1</div>
                            <div class="fl">13446746754</div>
                            <div class="ruleInfoPhoto fl">
                                <img src="../images/infoPhoto.jpg" />
                            </div>
                            <div class="ruleInfoOperate fl">
                                <a href="http://www.baidu.com">修改</a>
                                <a href="http://www.baidu.com">删除</a>
                            </div>
                        </div>
                        <div class="listRule ruleEven clearfix">
                            <div class="fl clearfix">
                                <span class="checkboxSpan fl">
                                <input type="checkbox" value="0" class="checkboxClass">
                            </span>
                                <div class="fl">1</div>
                            </div>
                            <div class="fl">张毅</div>
                            <div class="fl">销售部</div>
                            <div class="fl">089</div>
                            <div class="fl">经理</div>
                            <div class="fl">2011-5-21</div>
                            <div class="fl">13446743356</div>
                            <div class="ruleInfoPhoto fl">
                                <img src="../images/infoPhoto.jpg" />
                            </div>
                            <div class="ruleInfoOperate fl">
                                <a href="http://www.baidu.com">修改</a>
                                <a href="http://www.baidu.com">删除</a>
                            </div>
                        </div>
                        <div class="listRule">
                            <div class="fl clearfix">
                                <span class="checkboxSpan checkboxOn fl">
                                <input type="checkbox" checked="checked" value="0" class="checkboxClass">
                            </span>
                                <div class="fl">2</div>
                            </div>
                            <div class="fl">李小妮</div>
                            <div class="fl">技术中心</div>
                            <div class="fl">076</div>
                            <div class="fl">前端工程师</div>
                            <div class="fl">2017-9-1</div>
                            <div class="fl">13446746754</div>
                            <div class="ruleInfoPhoto fl">
                                <img src="../images/infoPhoto.jpg" />
                            </div>
                            <div class="ruleInfoOperate fl">
                                <a href="http://www.baidu.com">修改</a>
                                <a href="http://www.baidu.com">删除</a>
                            </div>
                        </div>
                        <div class="listRule ruleEven clearfix">
                            <div class="fl clearfix">
                                <span class="checkboxSpan fl">
                                <input type="checkbox" value="0" class="checkboxClass">
                            </span>
                                <div class="fl">1</div>
                            </div>
                            <div class="fl">张毅</div>
                            <div class="fl">销售部</div>
                            <div class="fl">089</div>
                            <div class="fl">经理</div>
                            <div class="fl">2011-5-21</div>
                            <div class="fl">13446743356</div>
                            <div class="ruleInfoPhoto fl">
                                <img src="../images/infoPhoto.jpg" />
                            </div>
                            <div class="ruleInfoOperate fl">
                                <a href="http://www.baidu.com">修改</a>
                                <a href="http://www.baidu.com">删除</a>
                            </div>
                        </div>
                        <div class="listRule">
                            <div class="fl clearfix">
                                <span class="checkboxSpan checkboxOn fl">
                                <input type="checkbox" checked="checked" value="0" class="checkboxClass">
                            </span>
                                <div class="fl">2</div>
                            </div>
                            <div class="fl">李小妮</div>
                            <div class="fl">技术中心</div>
                            <div class="fl">076</div>
                            <div class="fl">前端工程师</div>
                            <div class="fl">2017-9-1</div>
                            <div class="fl">13446746754</div>
                            <div class="ruleInfoPhoto fl">
                                <img src="../images/infoPhoto.jpg" />
                            </div>
                            <div class="ruleInfoOperate fl">
                                <a href="http://www.baidu.com">修改</a>
                                <a href="http://www.baidu.com">删除</a>
                            </div>
                        </div>
                        <div class="listRule ruleEven clearfix">
                            <div class="fl clearfix">
                                <span class="checkboxSpan fl">
                                <input type="checkbox" value="0" class="checkboxClass">
                            </span>
                                <div class="fl">1</div>
                            </div>
                            <div class="fl">张毅</div>
                            <div class="fl">销售部</div>
                            <div class="fl">089</div>
                            <div class="fl">经理</div>
                            <div class="fl">2011-5-21</div>
                            <div class="fl">13446743356</div>
                            <div class="ruleInfoPhoto fl">
                                <img src="../images/infoPhoto.jpg" />
                            </div>
                            <div class="ruleInfoOperate fl">
                                <a href="http://www.baidu.com">修改</a>
                                <a href="http://www.baidu.com">删除</a>
                            </div>
                        </div>
                        <div class="listRule">
                            <div class="fl clearfix">
                                <span class="checkboxSpan checkboxOn fl">
                                <input type="checkbox" checked="checked" value="0" class="checkboxClass">
                            </span>
                                <div class="fl">2</div>
                            </div>
                            <div class="fl">李小妮</div>
                            <div class="fl">技术中心</div>
                            <div class="fl">076</div>
                            <div class="fl">前端工程师</div>
                            <div class="fl">2017-9-1</div>
                            <div class="fl">13446746754</div>
                            <div class="ruleInfoPhoto fl">
                                <img src="../images/infoPhoto.jpg" />
                            </div>
                            <div class="ruleInfoOperate fl">
                                <a href="http://www.baidu.com">修改</a>
                                <a href="http://www.baidu.com">删除</a>
                            </div>
                        </div>
                        <div class="listRule ruleEven clearfix">
                            <div class="fl clearfix">
                                <span class="checkboxSpan fl">
                                <input type="checkbox" value="0" class="checkboxClass">
                            </span>
                                <div class="fl">9</div>
                            </div>
                            <div class="fl">张毅</div>
                            <div class="fl">销售部</div>
                            <div class="fl">089</div>
                            <div class="fl">经理</div>
                            <div class="fl">2011-5-21</div>
                            <div class="fl">13446743356</div>
                            <div class="ruleInfoPhoto fl">
                                <img src="../images/infoPhoto.jpg" />
                            </div>
                            <div class="ruleInfoOperate fl">
                                <a href="http://www.baidu.com">修改</a>
                                <a href="http://www.baidu.com">删除</a>
                            </div>
                        </div>
                        <div class="listRule">
                            <div class="fl clearfix">
                                <span class="checkboxSpan checkboxOn fl">
                                <input type="checkbox" checked="checked" value="0" class="checkboxClass">
                            </span>
                                <div class="fl">10</div>
                            </div>
                            <div class="fl">李小妮</div>
                            <div class="fl">技术中心</div>
                            <div class="fl">076</div>
                            <div class="fl">前端工程师</div>
                            <div class="fl">2017-9-1</div>
                            <div class="fl">13446746754</div>
                            <div class="ruleInfoPhoto fl">
                                <img src="../images/infoPhoto.jpg" />
                            </div>
                            <div class="ruleInfoOperate fl">
                                <a href="http://www.baidu.com">修改</a>
                                <a href="http://www.baidu.com">删除</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="page clearfix">
                    <button class="fr submitpage">确定</button>
                    <input type="text" class="pageinput fr" />
                    <span class="fr">跳到</span>
                    <a class="fr" href="http://www.baidu.com">
                        <div class="nextpage"></div>
                    </a>
                    <a class="fr" href="http://www.baidu.com">N</a>
                    <span class="fr morepage">……</span>
                    <a class="fr" href="http://www.baidu.com">4</a>
                    <a class="fr" href="http://www.baidu.com">3</a>
                    <a class="fr" href="http://www.baidu.com">2</a>
                    <a class="fr" href="http://www.baidu.com">1</a>
                    <a class="fr" href="http://www.baidu.com">
                        <div class="prepage "></div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <footer>
        <div class="wqb">
            <img src="../images/weixin.jpg" alt="">
            <img src="../images/weibo.jpg" alt="">
            <img src="../images/qq.jpg" alt="">
        </div>
        <div class="footer-info">
            <ul class="clearfix">
                <li><a href="javascript:void(0)">关于我们</a></li>
                <li>|</li>
                <li><a href="javascript:void(0)">联系我们</a></li>
                <li>|</li>
                <li><a href="javascript:void(0)">加入我们</a></li>
                <li>|</li>
                <li><a href="javascript:void(0)">商务合作</a></li>
            </ul>
            <p>版权所有&nbsp©&nbsp京ICP备14007358号-1 / 京公网安备11010802014104号</p>
        </div>
        <div class="erweima"><img src="../images/erweima.jpg" alt=""></div>
    </footer>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/head.js"></script>

</html>